<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>企业文化</title>
    <meta content="" name="description" />
    <meta content="" name="keywords" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="HandheldFriendly" content="true" />
    <link rel="stylesheet" href="../assets/css/old/master.css" />
    <link href="../assets/plugins/switcher/css/switcher.css" rel="stylesheet" id="switcher-css" media="all" />
    <!--  <link rel="stylesheet" href="assets/css/iconeffects.css" /> -->
    <link rel="stylesheet" href="../assets/css/old/nav.css">
    <!--图片弹窗-->
    <link href="../assets/plugins/magnific-popup/magnific-popup.css" rel="alternate stylesheet" title="color5" media="all" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <script>
        (function (H) {
            H.className = H.className.replace(/\bno-js\b/, 'js')
        })(document.documentElement)
    </script>
</head>

<body>
    <!-- 加载页面-->
    <div id="page-preloader"><span class="spinner"></span></div>
    <!-- 加载页面-->
    <div data-header="sticky" data-header-top="200" class="layout-theme animated-css">
        <div class="cd-main">
            <div class="wrap-content cd-section cd-selected">
                <!-- 顶部logo 社交联系方式-->
                <header class="header clearfix">
                    <div class="navbar" role="navigation">
                        <div class="row clearfix">
                            <div class="navbar-header">
                                <button class="navbar-btn" @click="showNav" data-toggle="collapse" data-target="#navbar-default-collapse">
                                <span></span>
                                <span class="hamburger-bar"></span>
                                </button>
                                <div class="navbar-logo">
                                    <h1>
                                        <a class="logo" href="/"></a>
                                    </h1>
                                </div>
                            </div>
                            <div class="navbar-toolbar" ref="nav" id="navbar-default-collapse">
                                <ul class="nav clearfix">
                                    <li>
                                        <a href="../index_old.html" title="首页" class="link active">首页</a>
                                    </li>
                                    <li>
                                        <a href="#" title="拓观设计" class="link">拓观设计
                                        <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="#" title="拓观概况">拓观概况</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="拓观架构">拓观架构</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="核心技术">核心技术</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="管理团队">管理团队</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="设计团队">设计团队</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="公司荣誉">公司荣誉</a>
                                            </li>
                                            <li>
                                                <a href="about.html" title="拓观客户">拓观客户</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" title="设计业务" class="link">设计业务
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="productlist.html" title="建筑设计">建筑设计</a>
                                            </li>
                                            <li>
                                                <a href="productlist.html" title="商业综合体">商业综合体</a>
                                            </li>
                                            <li>
                                                <a href="productlist.html" title="产业园">产业园</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" title="企业文化" class="link">企业文化
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="category.html" title="学术活动">学术活动</a>
                                            </li>
                                            <li>
                                                <a href="category.html" title="媒体出版">媒体出版</a>
                                            </li>

                                            <li>
                                                <a href="category.html" title="拓观文化">拓观文化</a>
                                            </li>

                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" title="招贤纳士" class="link">招贤纳士
                                        <span class="caret"></span>
                                        </a>
                                        <ul class="sub-nav">
                                            <li>
                                                <a href="#" title="价值分享">价值分享</a>
                                            </li>
                                            <li>
                                                <a href="#" title="社会招聘">社会招聘</a>
                                            </li>
                                            <li>
                                                <a href="#" title="校园招聘">校园招聘</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contacts.html" title="联系我们" class="link">联系我们</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </header>
                <!-- 顶部logo 社交联系方式-->
                <div class="container" style="padding:0 20px;">
                     <div class="wrap-nav">
                        <div class="section-title section-bg">
                            <div class="section__inner">
                                <h1 class="ui-title-page">企业文化</h1>
                            </div>
                        </div>
                    </div>
                     <div class="breadcrumb-wrap">
                        <ol class="breadcrumb">
                            <ol class="breadcrumb">
                                <li><a href="../index_old.html">首页</a></li>
                                <li class="active">企业文化</li>
                            </ol>
                        </ol>
                    </div>
                    <div class="blogs">
                        <div class="container">
                            <div class="wrap-title-bg">
                                <h2 class="ui-title-bg">公司刊物</h2>
                                <h4></h4>
                                <h4></h4>
                            </div>
                            <div class="inst-grids">
                                <a href="#">
                                    <div class="col-md-3 blog-gd-w3ls">
                                        <img src="../images/blog3.jpg" alt="blog-image">
                                        <div class="date-w3">
                                            <h4>2017.7</h4>
                                        </div>
                                        <div class="blog-description-w3agile">
                                            <h5>建筑需要不同</h5>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="col-md-3 blog-gd-w3ls">
                                        <img src="../images/blog3.jpg" alt="blog-image">
                                        <div class="date-w3">
                                            <h4>2017.6</h4>
                                        </div>
                                        <div class="blog-description-w3agile">
                                            <h5>世界需要替他们发声</h5>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="col-md-3 blog-gd-w3ls last">
                                        <img src="../images/blog3.jpg" alt="blog-image">
                                        <div class="date-w3">
                                            <h4>2017.5</h4>
                                        </div>
                                        <div class="blog-description-w3agile">
                                            <h5>工业设计需要环境 </h5>
                                        </div>
                                    </div>
                                </a>
                                <a href="#">
                                    <div class="col-md-3 blog-gd-w3ls last">
                                        <img src="../images/blog3.jpg" alt="blog-image">
                                        <div class="date-w3">
                                            <h4>2017.4</h4>
                                        </div>
                                        <div class="blog-description-w3agile">
                                            <h5>内饰需要无害</h5>
                                        </div>
                                    </div>
                                </a>

                                <div class="clearfix"></div>
                            </div>

                        </div>
                    </div>
                    <div class="section-type-b">
                        <div class="container">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div data-pagination="false" data-navigation="true" data-single-item="true" data-auto-play="7000" data-transition-style="fade"
                                        data-main-text-animation="true" data-after-init-delay="3000" data-after-move-delay="1000"
                                        data-stop-on-hover="true" class="slider-type-a owl-carousel owl-theme owl-theme_mod-d enable-owl-carousel">
                                        <div class="slider-type-a__item"><img src="../assets/media/content/main-slider/1.jpg" alt="设计" class="slider-type-a__img">
                                            <div class="slider-type-a__inner">
                                                <div class="slider-type-a__title">2017年6月</div>
                                            </div>
                                        </div>
                                        <div class="slider-type-a__item"><img src="../assets/media/content/main-slider/2.jpg" alt="设计" class="slider-type-a__img">
                                            <div class="slider-type-a__inner">
                                                <div class="slider-type-a__title">2017年7月</div>
                                            </div>
                                        </div>
                                        <div class="slider-type-a__item"><img src="../assets/media/content/main-slider/3.jpg" alt="设计" class="slider-type-a__img">
                                            <div class="slider-type-a__inner">
                                                <div class="slider-type-a__title">2017年8月</div>
                                            </div>
                                        </div>
                                        <div class="slider-type-a__item"><img src="../assets/media/content/main-slider/4.jpg" alt="设计" class="slider-type-a__img">
                                            <div class="slider-type-a__inner">
                                                <div class="slider-type-a__title">2017年9月</div>
                                            </div>
                                        </div>
                                        <div class="slider-type-a__item"><img src="../assets/media/content/main-slider/5.jpg" alt="设计" class="slider-type-a__img">
                                            <div class="slider-type-a__inner">
                                                <div class="slider-type-a__title">2017年10月</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section-default">
                    <div class="container">
                        <section class="widget wow">
                            <div class="widget-content">
                                <div id="accordion" class="panel-group acc-type-a acc-type-a_mod-a">
                                    <div class="panel panel-default">
                                        <div id="vi-ac_1" class="panel-collapse collapse in">
                                            <div class="panel-body">
                                                <iframe height=640px width=100% src='http://player.youku.com/embed/XMjg2ODE5NzUwOA==' frameborder=0 'allowfullscreen'></iframe>
                                            </div>
                                        </div>
                                        <div class="panel-heading">
                                            <div class="panel-title">
                                                <a data-toggle="collapse" data-parent="#accordion" href="#vi-ac_1"><span class="acc-type-a__title"><i
                                            class="icon fa fa-play"></i>景观设计项目1</span><span
                                            class="acc-type-a__author">景观设计项目1</span></a></div>
                                        </div>
                                    </div>

                                    <div class="panel panel-default">
                                        <div id="vi-ac_2" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <iframe height=640px width=100% src='http://player.youku.com/embed/XMjg2ODE5NzUwOA==' frameborder=0 'allowfullscreen'></iframe>

                                            </div>
                                        </div>
                                        <div class="panel-heading">
                                            <div class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#vi-ac_2"><span class="acc-type-a__title"><i
                                            class="icon fa fa-play"></i>建筑设计项目1</span><span
                                            class="acc-type-a__author">建筑设计项目1</span></a></div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div id="vi-ac_3" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <iframe height=640px width=100% src='http://player.youku.com/embed/XMjg2ODE5NzUwOA==' frameborder=0 'allowfullscreen'></iframe>

                                            </div>
                                        </div>
                                        <div class="panel-heading">
                                            <div class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#vi-ac_3"><span class="acc-type-a__title"><i
                                            class="icon fa fa-play"></i>室内设计项目1</span><span
                                            class="acc-type-a__author">室内设计项目1</span></a></div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div id="vi-ac_4" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <iframe height=640px width=100% src='http://player.youku.com/embed/XMjg2ODE5NzUwOA==' frameborder=0 'allowfullscreen'></iframe>

                                            </div>
                                        </div>
                                        <div class="panel-heading">
                                            <div class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#vi-ac_4"><span class="acc-type-a__title"><i
                                            class="icon fa fa-play"></i>室内设计项目2</span><span
                                            class="acc-type-a__author">室内设计项目2</span></a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
                <!--页脚-->
                <footer class="footer">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-4 about">
                                <div class="footer__first-section">
                                    <a href="../index_old.html" class="footer__logo">
                                        <img src="../assets/media/general/logo_mod-b.png" alt="logo" class="img-responsive"></a>
                                    <div class="footer__info">
                                        上海拓观---1999年创建于上海，致力成为中国地产设计专家。受其对行业趋势与设计组织发展方式的判断与思考，其机构发展突出专业化、规模化。目前拥有上海水石建筑规划设计股份有限公司、上海水石城市规划设计有限公司、上海水石工程设计有限公司、上海水石景观环境设计有限公司等多家设计机构，在重庆设有分公司；拥有建筑工程甲级设计资质，其核心技术能力涉及地产领域细分的精品住宅、主题产业园、城市综合体、城市更新。
                                    </div>
                                    <div class="decor-right decor-right_sm"></div>
                                    <div class="footer-contacts">
                                        <div class="footer-contacts__item"><i class="icon fa fa-location-arrow"></i> 上海市黄浦区北京路335号2号楼18楼111室
                                        </div>
                                        <div class="footer-contacts__item"><i class="icon fa fa-phone"></i> 12345678901
                                        </div>
                                        <div class="footer-contacts__item"><i class="icon fa fa-envelope"></i> call@god.com
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8 col-sm-12">
                                <div class="clearfix">
                                    <div class="footer-wrap-section">
                                        <section class="footer-section footer-navbar">
                                            <h3 class="footer__title ui-title-inner">关于拓观</h3>
                                            <div class="decor-right decor-right_sm bg-7"></div>
                                            <ul class="footer-list list list-mark-2">
                                                <li><a href="category.html">新闻中心</a></li>
                                                <li><a href="category.html">设计团队</a></li>
                                                <li><a href="category.html">联系我们</a></li>
                                            </ul>
                                        </section>
                                        <section class="footer-section">
                                            <h3 class="footer__title ui-title-inner">联系我们</h3>
                                            <div class="decor-right decor-right_sm bg-13"></div>
                                            <ul class="footer-list list list-mark-2">
                                                <li><a href="category.html">电话:02155665566</a></li>
                                                <li><a href="category.html">手机:12345678910</a></li>
                                                <img src="../assets/media/general/0.png" class="img-responsive" alt="">
                                            </ul>
                                        </section>
                                        <section class="footer-section">
                                            <h3 class="footer__title ui-title-inner">产品中心</h3>
                                            <div class="decor-right decor-right_sm bg-3"></div>
                                            <ul class="footer-list list list-mark-2">
                                                <li><a href="category.html">案例中心</a></li>
                                                <li><a href="category.html">产品中心</a></li>
                                                <img src="../assets/media/general/0.png" class="img-responsive" alt="">
                                            </ul>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="footer-bottom">
                        <div class="container" style="width:100%">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="footer-bottom__link bg-primary">
                                        <div class="footer-bottom__wrap-link">在线联系<i class="icon fa fa-caret-right"></i></div>
                                    </div>
                                    <div class="footer-bottom__inner">
                                        <ul class="social-links list-inline">
                                            <li>
                                                <a href="twitter.com" class="social-links__item_link"><i
                                                    class="icon fa fa-qq"></i></a>
                                            </li>
                                            <li><a href="facebook.com" class="social-links__item_link"><i
                                                class="icon fa fa-weixin"></i></a></li>
                                        </ul>
                                    </div>
                                    <div class="copyright">Copyright &copy; 2016-2020.上海拓观 版权所有.<a target="_blank" href="">沪icp12345-1</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
    </div>
    <script src="../assets/js/main.js"></script>
    <script src="../assets/plugins/countto/jquery.countTo.js"></script>
    <script src="../assets/js/separate-js/custom.js"></script>
    <script src="../assets/plugins/3d-bold-navigation/main.js"></script>
    <script src="../assets/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="../assets/plugins/slider-pro/jquery.sliderPro.js"></script>
    <script src="../assets/plugins/owl-carousel/owl.carousel.min.js"></script>
    <script src="../assets/plugins/isotope/isotope.pkgd.min.js"></script>
    <script src="../assets/plugins/prettyphoto/jquery.prettyPhoto.js"></script>
    <script src="../assets/plugins/bootstrap-select/bootstrap-select.js"></script>
    <script src="../assets/plugins/rendro-easy-pie-chart/jquery.easypiechart.min.js"></script>
    <script src="../assets/plugins/doubletaptogo.js"></script>
    <script src="../assets/plugins/waypoints.min.js"></script>
    <script src="../assets/plugins/news-ticker/js/endlessRiver.js"></script>
    <script src="../assets/plugins/datetimepicker/jquery.datetimepicker.js"></script>
    <script src="../assets/plugins/flexslider/jquery.flexslider.js"></script>
    <script src="../assets/plugins/jarallax/jarallax.js"></script>
    <script src="../assets/plugins/scrollreveal/scrollreveal.js"></script>
    <script src="../assets/plugins/classie.js"></script>
    <script src="../assets/plugins/switcher/js/dmss.js"></script>
</body>

</html>